.ant-collapse.ant-collapse-ghost.classic {
  .ant-collapse-item {
    .ant-collapse-header {
      padding: 6px 12px;
      font-size: 12px;
      .ant-collapse-expand-icon {
        height: 18px;
      }
    }
    &:last-child {
      border-radius: 0;
      .ant-collapse-header {
        border-radius: 0;
      }
    }
    .ant-collapse-content {
      .ant-collapse-content-box {
        padding: 12px;
      }
    }
  }
  &.contentNoPadding {
    .ant-collapse-item {
      .ant-collapse-content {
        .ant-collapse-content-box {
          padding: 0;
        }
      }
    }
  }
  &.headerGray {
    .ant-collapse-item {
      .ant-collapse-header {
        background-color: #f0f0f0;
        border-bottom: 1px solid #e5e5e5;
      }
    }
  }
  &.hoverStyle {
    .ant-collapse-item {
      .ant-collapse-header {
        @apply hover:bg-gray-100;
      }
      .ant-collapse-content {
        .ant-collapse-content-box {
          padding: 4px 0;
        }
      }
    }
  }
}
